<template>
  <div class="px-4">
    <uni-title class="mt-4" type="h2" title="产品建议" />
    <text class="text-gray-500">安全扫码专业委员会</text>

    <uni-title class="mt-4" type="h2" title="反馈类别" />
    <uni-data-checkbox mode="list" v-model="radio" :localdata="typeList" />

    <uni-title class="mt-4" type="h2" title="详细描述" />

    <textarea
      type="textarea"
      class="w-full p-2 border-gray-300 rounded-sm"
      v-model="textValue"
      placeholder="请输入详细描述内容"
    />

    <button class="mt-10 rounded-full" :type="primary">提交反馈</button>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const radio = ref("1");
const textValue = ref("");
const primary = "primary" as any;

const typeList = [
  { value: "1", text: "功能异常" },
  { value: "2", text: "体验问题" },
  { value: "3", text: "新功能建议" },
  { value: "4", text: "其他" },
];
</script>

<style scoped></style>
